﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="ProjectStudy.FlyStyle.Test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="fly.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#checkbox1").click(function () {
                if ($("#checkbox1").attr("checked") == true) {
                   // alert($("#checkbox1").val());
                }
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="Center-Container" style=" width:200px; height:100px; background-color:pink;">
    <div class="HorVerCenter" style=" width:100px; height:50px; background-color:Green;"></div>
    </div>
    <input  type="button" class="btn black mobile" value="按钮"/>
    
    <select class="sel">
      <option>11111</option>
      <option>22222</option>
    </select>

    <input  type="text" class="form-control"/>
    <input  type="text"/>

    <div class="radius" style=" width:100px; height:100px;"></div>

<div class="divForInput">
    <input  type="text" class="inputType-8"/>
    <span class="focus-border"><i></i></span>
    
    </div>

    <div class="divForInput">
		<input class="inputType-16" type="text" placeholder="">
		<label>First Name</label>
		<span class="focus-border"></span>
	</div>

    <table class="table-3">
      <tr>
        <th>11111111111</th>
        <th>111111</th>
      </tr>
      <tr>
        <td>111111</td>
        <td>1111111111</td>
      </tr>
      <tr>
        <td>111111</td>
        <td>1111111111</td>
      </tr>
      <tr>
        <td>111111</td>
        <td>1111111111</td>
      </tr>
    </table>

    <label class="labelForCheckBox1"><input type="checkbox" class="checkbox1" id="checkbox1" value="选中的value"/><i>✓</i>复选框</label><br/>
    <label class="labelForRadio1"><input type="radio" name="abc" class="radio1" /><i>✓</i>单选框</label><br/>
    <label class="labelForRadio1"><input type="radio" name="abc" class="radio1" /><i>✓</i>单选框</label><br/>
    <br />
    <label><input class="switch1 switch1-anim" type="checkbox" /></label>
    <label><input class="switch1 switch1-animbg" type="checkbox"/></label>
    <label><input class="switch1" type="checkbox"/></label>
    </form>
</body>
</html>
